import { FC } from "react";
import { View, Text, Image } from "@tarojs/components";
import { AtForm, AtInput, AtButton } from "taro-ui";
import { HUpload } from "@/components";
import styles from "./index.module.less";

const EnditDynamic: FC = () => {
  const onChangeContent = (value) => {
    console.log(value);
  };
  return (
    <View className={styles["endit-wrapper"]}>
      <AtForm>
        <View className={styles["title"]}>内容</View>
        <AtInput
          className={styles["input"]}
          placeholderStyle="font-size:12px"
          name="content"
          type="text"
          placeholder="请输入内容"
          maxlength={150}
          onChange={(value) => onChangeContent(value)}
        />
        <View className={styles["title"]}>图片</View>
        <View className={styles["upload-wrapper"]}>
          <HUpload count={9} />
        </View>
        <View className={styles["hint"]}>
          小提示:编辑资料可修改动态个性昵称
        </View>
        <View className={styles["hint"]}>
          小提示:不得发布含有违法违规、低俗、侮辱、营销等内容。
        </View>
        <AtButton className={styles["submit"]}>发布</AtButton>
      </AtForm>
    </View>
  );
};

export default EnditDynamic;
